.out_box{
    background: url('~src/assets/imgs/download/bg.png') #2744DD no-repeat top center / 100% auto;
    .case{
        width: 5.4rem;
        height: 100%;
        margin: 0 auto;
        padding: 0 0.58rem;
        box-sizing: border-box;
        background-color: rgba(255, 255, 255, 0.22);
    }
    .content{
        width: 3.4rem;
        margin: 0 auto;
        padding: 0.96rem 0;
        color: white;
        background-color: rgba(255, 255, 255, 0.28);
        .logo{
            width: 2.3rem;
            height: 2.3rem;
            margin: 0 auto 0.58rem auto;
            padding: 0.54rem;
            box-sizing: border-box;
            border-radius: 50%;
            background-color: white;
        }
        .title{
            margin-bottom: 0.34rem;
            font-size: 0.38rem;
            text-align: center;
        }
        .desc{
            margin-bottom: 1.2rem;
            padding-left: 0.34rem;
            font-size: 0.24rem;
            letter-spacing: 0.7px;
        }
        .qrcode{
            width: 1.92rem;
            height: 1.92rem;
            margin: 0 auto;
        }
    }
    .btn{
        margin-top: 1rem;
        padding: 0.16rem 0.24rem;
        border-radius: 34px;
        font-size: 0.34rem;
        color: white;
        text-align: center;
        background: linear-gradient(139deg,#ff9100 0%,#ff3c00 100%);
    }
    .weixin_tips{
        text-align: center;
        display: none;
        >.img{
            width: 70%;
            margin: 0.7rem 0 0 1.7rem;
        }
        >.ok{
            margin-top: 80px;
            padding: 2px 14px;
            display: inline-block;
            font-size: 0.3rem;
            color: white;
            border: 1px dotted white;
            letter-spacing: 4px;
        }
    }
}